@import "default_layout";
@import "transition";

html,body{
  height: 100%;
  margin: 0;
  padding: 0;
  font-size: 14px;
  overflow: hidden;
  background-color: rgba(255,255,255,.3) !important;
}

/*滚动条凹槽的颜色，还可以设置边框属性*/
::-webkit-scrollbar-track-piece {
  background-color:#f8f8f8;
}
/*滚动条的宽度*/
::-webkit-scrollbar {
  width:5px;
  height:5px;
}
/*滚动条的设置*/
::-webkit-scrollbar-thumb {
  background-color:#dddddd;
  background-clip:padding-box;
  min-height:28px;
}
::-webkit-scrollbar-thumb:hover {
  background-color:#bbb;
}

*{
  box-sizing: border-box;
}
#root{
  height: 100%;
}
.scroll-view{
  height: 100%;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.fixed-router{
  position: fixed;
  width: 100%;
  height: 100%;
  background: #f5f5f9;
  top: 0;
  left: 0;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  z-index: 101;
}
.flex-row{
  display: flex;
}
.flex-column{
  display: flex;
  flex-direction: column;
}
.align-center{
  align-items: center;
}
.justify-center{
  justify-content: center;
}
.flex-1{
  flex: 1;
}
.justify-between{
  justify-content: space-between;
}
.input-file{
  position: relative;
  input[type="file"]{
    position: absolute;
    width: 100%;
    height:100%;
    opacity: 0;
    top: 0;
    left: 0;
    z-index: 5;
  }
}
.required{
  position: relative;
  &:before{
    content: '*';
    color: red;
    position: absolute;
    top: 8px;
    left: 8px;
    font-size: 12px;
  }
}
.nan{
  color: rgb(117, 185, 235);
}
.nv{
  color: rgb(255, 62, 201);
}
